// 导入less
require("../css/mine.less")
// 引入fonts
require('../fonts/iconfont.css');


document.ready(function () {
    // 判断是否登录
    window.utils.isLogin();
    //接收挂载在window上的底部tab栏
    window.utils.navTabs("mine");
    // 取出本地存储的数据（用户的id）
    const userId = window.localStorage.getItem("userId");
    // 获取元素节点
    const avatarImg = document.querySelector("#avatarImg"); //头像
    const user = document.querySelector("#user"); //用户
    const sginName = document.querySelector("#sginName"); //个性签名
    const motionDataBtn = document.querySelector("#motionDataBtn") //运动数据
    const iconbadge = document.querySelector("#iconbadge") //查看运动徽章
    //获取用户数据
    function getMineData() {
        window.$http.get(`users/accountinfo?userId=${userId}`, function (res) {
            if (res.status === 0) {
                // 取出数据
                const imgurl = res.data.imgurl //头像
                const nickname = res.data.nickname; //用户名
                const sign = res.data.sign; //签名
                // 向页面渲染数据
                user.textContent = nickname;
                if (imgurl) {
                    avatarImg.src = 'http://139.9.177.51:8099' + imgurl;
                }
                if (sign) {
                    sginName.textContent = sign;
                }
                //把当前账号信息存入本地
                window.localStorage.setItem("user", JSON.stringify(res.data))
            }
        })
    }

    // 获取运动徽章信息
    const dynamicCounts = document.querySelector("#dynamicCount") //动态
    const time = document.querySelector("#time") //运动时间
    const powr = document.querySelector("#powr") //消耗卡路里
    function getSportsBadge() {
        window.$http.get(`users/mysportsBadge?userId=${userId}`, function (res) {
            if (res.status === 0) {
                // 获取页面数据
                const dynamicCount = res.data.dynamicCount; //动态
                const times = parseInt(res.data.sports.times); //分钟
                const calorie = parseInt(res.data.sports.calorie); //卡路里
                // 渲染数据
                dynamicCounts.textContent = dynamicCount;
                time.textContent = times;
                powr.textContent = calorie;
            }
        })
    }
    // 点击用户名跳转页面
    user.addEventListener("click", function () {
        window.location.href = "./edit.html"
    })
    // 头像上传
    const upAvatar = document.querySelector("#upAvatar");
    upAvatar.addEventListener("change", function () {
        // 要把文件发送给后端 必须装入 formData里面  然后把 formData直接发送给后端
        var fd = new FormData();
        // 把放入放入FormData中
        // fd.append('imgurl', this.files[0])
        // console.log(fd.get('imgurl'))
        // 这个时候 把fd 通过ajax发送给后端即可。
        /* 上传图片 */
        window.$updateFile('users/upload', 'imgurl', this.files[0], function (res) {
            if (res.status === 0) {
                // 渲染图片
                avatarImg.src = 'http://139.9.177.51:8099' + res.data
                //    存入本地
                window.localStorage.setItem("imgurl", res.data)
            }
        })
    })

    // 给头像绑定点击事件
    avatarImg.addEventListener('click', function (e) {
        e.preventDefault() //阻止头像点击的默认行为
        upAvatar.click() // 触发input上传框的点击
    })

    // 退出登录
    const back = document.querySelector("#back")
    back.addEventListener("click", function () {
        //确认弹窗
        window.utils.showDialog("是否确定退出")
        // 选中确认和取消按钮
        const confirm = document.querySelector("#confirm");
        const cancel = document.querySelector("#cancel");
        // 绑定点击事件-取消按钮:点击取消按钮，阻止退出事件
        cancel.addEventListener("click", function () {
            const dialog = document.querySelector("#dialog");
            dialog.remove() //关闭提示
        })
        //绑定点击事件-确认按钮:点击确认按钮，退出到登录
        confirm.addEventListener("click", function () {
            const dialog = document.querySelector("#dialog");
            dialog.remove() //关闭提示
            // 弹出提示框
            window.utils.showTost('succ', "退出成功", 2000);
            setTimeout(function () {
                //清除本地存储数据
                window.localStorage.clear();
                // 跳转到登录页面
                window.location.href = "./login.html"
            }, 2000)
        })
    })
    // 跳转到运动数据
    motionDataBtn.addEventListener("click", function () {
        window.location.href = "./motiondata.html"
    })
    // 运动徽章信息
    iconbadge.addEventListener("click", function () {
        window.location.href = './badge.html'
    })
    getMineData();
    getSportsBadge();
})